<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title style="height: 500px">朋友圈动态</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="/js/bootstrap-4.1.1-dist/css/bootstrap.min.css">
    <script src="/js/jquery/jquery.min.js"></script>
    <script src="/js/bootstrap-4.1.1-dist/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="/css/font/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="/css/reset.css"/>
    <link rel="stylesheet" href="/css/myStrategyComment.css"/>
    <link rel="stylesheet" href="/css/dynamic.css"/>
    <script src="/js/checkLogin.js"></script>
    <script src="/js/common.js"></script>

    <script>
        $(function(){
            //右上角头像
            $("#avt").attr("src", user.headImgUrl);
            //名字
            $("#user-name").html(user.nickName);
            //背景
//            $("#bg").attr("src", user.coverImgUrl);
            $("#bg").attr("src", "http://pu03t1puk.bkt.clouddn.com/FoiixXxwWkcd7Bo2PARvy7JG8JVz");
        })
    </script>

</head>
<body>


<div class="container-fluid">
    <div class="row">
        <div class="col-md-12">
            <div id="outerdiv"
                 style="position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.7); z-index: 2; width: 100%; height: 100%; display: none;">
                <div id="innerdiv" style="margin:auto;width: 800px; height: 800px;margin-top:33%;">
                    <img id="bigimg" style="border: 5px solid #fff; margin: 0 auto;width: 366px; height: 400px; "
                         src="/img/user/bg.jpeg">
                </div>
            </div>
        </div>
    </div>
</div>


<div class="search-head">
    <div class="row nav-search">
        <div class="col">
            <a href="javascript:window.history.go(-1)">
                <span><i class="fa fa-chevron-left"></i></span>
            </a>
        </div>
        <div class="col">
            <span>我的朋友圈</span>
        </div>
        <div class="col"></div>
    </div>
</div>
<div style="margin:0 auto;display:none;">
    <img class="data-avt" src="/img/user/bg.jpeg">
</div>
<header>
    <img id="bg" src="/img/user/bg.jpeg">
    <p id="user-name" class="data-name">喵喵</p>
    <img id="avt" class="data-avt" src="/upload/23a45130-e59c-4844-bc52-67aed3d57fc1.jpeg">
</header>
<div id="main">
    <div id="list">
        <ul>
            <div>
                <li>
                    <div class="po-avt-wrap">
                        <img class="po-avt data-avt" src="http://pu03t1puk.bkt.clouddn.com/FhYbTPzV01L8AswRa-WTQzQ5ewgn">
                    </div>
                    <div class="po-cmt">
                        <div class="po-hd">
                            <p class="po-name"><span class="data-name">喵喵</span></p>
                            <div class="post">
                                <p>广州美食是粤菜的代表。粤式甜品 早茶 糕点 小吃等等在此都能体验到。吃饱喝足后可以到珠江边边散散步。实在是洒脱自然，放松身心的好地方。</p>

                                <ul class="comment-img">
                                    <li>
                                        <img class="list-img" src="http://pu03t1puk.bkt.clouddn.com/FohbO4e-XYkGxEBmv3eznfYnp7CJ"
                                             style="height: 82px;">
                                    </li>
                                    <li>
                                        <img class="list-img" src="http://pu03t1puk.bkt.clouddn.com/FvDVGPi4hhRM-jK6sqAvo0iL2xEX"
                                             style="height: 82px;">
                                    </li>
                                    <li>
                                        <img class="list-img" src="http://pu03t1puk.bkt.clouddn.com/FuskxEmBVUFxnQJr4ri1glg6WYko"
                                             style="height: 82px;">
                                    </li>
                                </ul>

                            </div>
                            <p class="time">2018-10-11 22:10</p>
                            <a class="userComment">
                                <!--评论按钮-->
                                <img class="c-icon" src="/img/c.png">
                            </a>
                        </div>
                        <div class="r"></div>
                        <div class="cmt-wrap">
                            <div class="like">
                                <a class="userGood">
                                    <img src="/img/l.png"><!--点赞按钮-->
                                    <span class="thumb">
                                        will
							        </span>
                                </a>
                            </div>
                            <div class="cmt-list">
                                <p><span>dafei：</span><span class="commentContent"> 有什么推荐的广州美食?</span></p>
                                <p><span class="data-name">我</span>回复<span>dafei</span><span>：</span><span
                                        class="commentContent">大多了,你自己去查</span></p>
                            </div>
                        </div>
                    </div>
                </li>

                <li>
                    <div class="po-avt-wrap">
                        <img class="po-avt data-avt" src="http://pu03t1puk.bkt.clouddn.com/FklxWRVoBjS-8bXFY0bJ_xzYhDP5">
                    </div>
                    <div class="po-cmt">
                        <div class="po-hd">
                            <p class="po-name"><span class="data-name">hui</span></p>
                            <div class="post">
                                <p>决定了,明天去海边玩!!</p>

                                <ul class="comment-img">
                                    <li>
                                        <img class="list-img" src="http://pu03t1puk.bkt.clouddn.com/FlSg3E5g6zxGvuplGdkHeIKhQkxt"
                                             style="height: 82px;">
                                    </li>
                                </ul>

                            </div>
                            <p class="time">2018-10-11 22:10</p>
                            <a class="userComment">
                                <!--评论按钮-->
                                <img class="c-icon" src="/img/c.png">
                            </a>
                        </div>
                        <div class="r"></div>
                        <div class="cmt-wrap">
                            <div class="like">
                                <a class="userGood">
                                    <img src="/img/l.png"><!--点赞按钮-->
                                    <span class="thumb">
                                        追梦人
							        </span>
                                </a>
                            </div>
                            <div class="cmt-list">
                                <p><span>叩丁狼：</span><span class="commentContent"> 你决定什么时候去?</span></p>
                                <p><span class="data-name">我</span>回复<span>叩丁狼</span><span>：</span><span
                                        class="commentContent">再看看</span></p>
                            </div>
                        </div>
                    </div>
                </li>

                <li>
                    <div class="po-avt-wrap">
                        <img class="po-avt data-avt" src="http://pu03t1puk.bkt.clouddn.com/Fm4MKA8jqiEdKb3xDNynUarnD5YD">
                    </div>
                    <div class="po-cmt">
                        <div class="po-hd">
                            <p class="po-name"><span class="data-name">大雄</span></p>
                            <div class="post">
                                <p>今天真的很棒,看见小花了</p>

                                <ul class="comment-img">
                                    <li>
                                        <img class="list-img" src="http://pu03t1puk.bkt.clouddn.com/FrDnU_n1MWHuwP3R-_taDDmmiwu-"
                                             style="height: 82px;">
                                    </li>
                                    <li>
                                        <img class="list-img" src="http://pu03t1puk.bkt.clouddn.com/FotjNl6WIltQ3IoI371gxpj4TbPa"
                                             style="height: 82px;">
                                    </li>
                                    <li>
                                        <img class="list-img" src="http://pu03t1puk.bkt.clouddn.com/FnZiLK9wVVrvKb1oxJG-sNcJSWIk"
                                             style="height: 82px;">
                                    </li>
                                </ul>

                            </div>
                            <p class="time">2018-10-11 22:10</p>
                            <a class="userComment">
                                <!--评论按钮-->
                                <img class="c-icon" src="/img/c.png">
                            </a>
                        </div>
                        <div class="r"></div>
                        <div class="cmt-wrap">
                            <div class="like">
                                <a class="userGood">
                                    <img src="/img/l.png"><!--点赞按钮-->
                                    <span class="thumb">
                                        山猫大叔
							        </span>
                                </a>
                            </div>
                            <div class="cmt-list">
                                <p><span>大佬：</span><span class="commentContent"> 你的bug改好了没有?</span></p>
                                <p><span class="data-name">我</span>回复<span>大佬</span><span>：</span><span
                                        class="commentContent">你说什么?听不见</span></p>
                            </div>
                        </div>
                    </div>
                </li>
            </div>
        </ul>
    </div>

</div>

</body>
</html>